<!DOCTYPE html>
<html>
	<head>
		<title>Untilted Dociment</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
		<link rel="stylesheet" href="component/pretty/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
		<script src="component/pretty/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
		
		<style type="text/css" media="screen">
			* { margin: 0; padding: 0; }		
			ul li {
	display: inline;
}
			
			.wide {
				border-bottom: 0px #000 solid;
				width: 4000px;
			}
			
			.fleft { float: left; margin: 0 20px 0 0; }
			
			.cboth { clear: both; }
			
			#boxsyte {
			}
		</style>
	</head>
	<body>
    <label>
    
    <br />
    </label>
    <div id="main">
			<ul class="gallery clearfix">
			<?
	$sql= "select * from tb_image";
	$result=$dbfunc->query($sql);
		while($fetch=mysql_fetch_array($result)){
			$img=$fetch[image_name];
			
			echo"<li>";
            echo"<a href=\"image_files/$img\" rel=\"prettyPhoto[gallery2]\" title=\"$text\">&nbsp;";
            echo"<img src=\"image_files/$img\" width=\"60\" height=\"60\" alt=\"\" />";
			echo"</a>";
            echo"</li>";
	}
?>
			</ul>  
      <script type="text/javascript" charset="utf-8">
			$(document).ready(function(){
				$("area[rel^='prettyPhoto']").prettyPhoto();
				
				$(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000 });
				$(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',slideshow:10000, hideflash: true});
		
				$("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
					custom_markup: '<div id="map_canvas" style="width:260px; height:265px"></div>',
					changepicturecallback: function(){ initialize(); }
				});

				$("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
					custom_markup: '<div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div><div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"></div><div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"></div>',
					changepicturecallback: function(){ _bsap.exec(); }
				});
			});
			</script>
	</div>
    <div id="boxsyte">
    &nbsp;
    <table width="100%" border="0">
      <tr>
        <td bgcolor="#999999"><a href="?module=album&page=show_photo">แสดงรูปภาพรวม</a></td>
        <td bgcolor="#999999"><a href="?module=album&page=from_uppic">อัพโหลดรูปภาพ</a></td>
        <td bgcolor="#999999">ใใใใใใใ</td>
        <td bgcolor="#999999">ออกจากระบบ</td>
      </tr>
    </table>
    </div>
    
</body>
</html>